<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main" />
    <g:set var="entityName" value="${message(code: 'assess.label', default: 'Assess')}" />
    <title>评估结果</title>
    <asset:javascript src="echarts/echarts-all-3.js" />
    <style>
        #sixStart{
            width:100%;
            height:240px;
            text-align: center;
        }
        .m{
            margin: 10px 10px 10px 10px;
        }
    </style>
</head>
<body>
    <div class="small-header">
        <div class="hpanel">
            <div class="panel-body">
                <div id="hbreadcrumb" class="pull-right navFloatRight">
                    <ol class="hbreadcrumb breadcrumb">
                        <li>CINDATA PLS</li>
                        <li class="">
                            <span>评估</span>
                        </li>
                        <li class="active">
                            <span>评估结果</span>
                        </li>
                    </ol>
                </div>

                <h2 class="font-light m-b-xs">
                    评估结果
                </h2>
            </div>
        </div>
    </div>

    <div class="content animate-panel">
        %{--房产评估--}%
        <div class="row">
            <div class="hpanel">
                <div class="hpanel hgreen">
                    <div class="panel-heading">
                        <div class="panel-tools">
                            <!-- <button class="btn btn-warning2 btn-xs" type="submit">评估报告下载</button> -->
                        </div>
                        房产评估
                    </div>

                    <div class="panel-body">
                        %{--房产评估--}%
                        <div class="row">
                            <div class="col-md-3 border-right">
                                <div class="hpanel h-200">

                                    <div class="row">
                                        <div class="col-xs-12 m">
                                            <small class="stat-label">房产地址</small>
                                            <g:if test="${this?.assess?.isFrequency}">
                                                <g:form action="changeFrequency" method="POST" class="cancelFrequency">
                                                    <input type="text" class="form-control hide" name="isFrequency" value="false">
                                                    <input type="text" class="form-control hide" name="id" value="${this?.assess?.id}">
                                                </g:form>
                                                <button class="btn btn-warning2 btn-xs pull-right" id="cancelFrequency">外部高评倾向</button>
                                            </g:if>

                                            <h3 class="text-success">
                                                ${this?.assess?.address}
                                            </h3>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xs-12 m">
                                            <small class="stat-label">评估地址</small>
                                            <h5>
                                                ${this?.assess?.city?.name}${this?.assess?.communityName}${this?.assess?.building}${this?.assess?.unit}${this?.assess?.house}
                                            </h5>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div class="col-xs-12 m">
                                            <small class="stat-label">评估方式</small>
                                            <h5>
                                                ${this?.assess?.assessType?.name}
                                            </h5>
                                        </div>
                                    </div>

                                </div>
                            </div>


                            <div class="col-md-3 border-right">
                                <div class="hpanel h-200">
                                    <div class="col-xs-12">
                                        <div class="row text-center"  style="padding-top: 60px;">
                                            <h3 class="text-info"><b><g:if test="${this?.assess?.assessUnitPrice <= 0}">--</g:if><g:else><g:formatNumber number="${this?.assess?.assessUnitPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/></g:else></b></h3>
                                            <small>评估单价（元/平方米）</small>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3 border-right">
                                <div class="hpanel h-200">
                                    <div class="col-xs-12">
                                        <div class="row text-center"  style="padding-top: 60px;">
                                            <h3 class="text-info"><b><g:if test="${this?.assess?.assessTotalPrice <= 0}">--</g:if><g:else><g:formatNumber number="${this?.assess?.assessTotalPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/></g:else></b></h3>
                                            <small>评估总价（元）</small>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-md-3">
                                <div class="hpanel h-200">

                                    <div class="col-xs-12">
                                        <div class="row col-xs-offset-1 col-xs-5" style="padding-top: 20px;">
                                            <g:form action="changeFrequency" method="POST" class="confirmFrequency">
                                                <input type="text" class="form-control hide" name="isFrequency" value="true">
                                                <input type="text" class="form-control hide" name="id" value="${this?.assess?.id}">
                                            </g:form>
                                            <g:if test="${!this?.assess?.isFrequency}">
                                                <button id="confirmFrequency" class="btn btn-xs btn-outline btn-warning">
                                                    点击标记高评倾向
                                                </button>
                                            </g:if>
                                        </div>
                                    </div>

                                    <div class="col-xs-12" style="padding-top: 30px;">
                                        <div class="row col-xs-offset-1 col-xs-5">
                                            <small>成交总价（元）</small>
                                            <h5>
                                                <g:if test="${this?.assess?.finalPrice <= 0}">
                                                    --
                                                </g:if>
                                                <g:else>
                                                    <g:formatNumber number="${this?.assess?.finalPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/>
                                                </g:else>
                                            </h5>
                                        </div>
                                        <div class="row col-xs-offset-1 col-xs-5">
                                            <g:if test="${this?.assess?.finalPrice - this?.assess?.assessTotalPrice > 0}">
                                                <i class="fa fa-level-up text-danger" style="font-size: 34px;"></i>&nbsp;
                                            </g:if>
                                            <g:else>
                                                <i class="fa fa-level-down text-success" style="font-size: 34px;"></i>&nbsp;
                                            </g:else>
                                            <g:if test="${this?.assess?.finalPrice <= 0 || this?.assess?.assessTotalPrice <= 0}">
                                                <small class="text-success" style="font-size: 14px;"><b>--</b></small>
                                            </g:if>
                                            <g:else>
                                                <g:if test="${this?.assess?.finalPrice - this?.assess?.assessTotalPrice > 0}">
                                                    <small class="text-danger" style="font-size: 14px;"><b><g:formatNumber number="${Math.abs(this?.assess?.finalPrice - this?.assess?.assessTotalPrice) * 100/ this?.assess?.assessTotalPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/>%</b></small>
                                                </g:if>
                                                <g:else>
                                                    <small class="text-success" style="font-size: 14px;"><b><g:formatNumber number="${Math.abs(this?.assess?.finalPrice - this?.assess?.assessTotalPrice) * 100/ this?.assess?.assessTotalPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/>%</b></small>
                                                </g:else>
                                            </g:else>
                                        </div>
                                    </div>

                                    <div class="col-xs-12" style="padding-top: 40px;">
                                        <div class="row col-xs-offset-1 col-xs-5">
                                            <small>外部评估总价（元）</small>
                                            <h5>
                                                <g:if test="${this?.assess?.externalAssessPrice <= 0}">
                                                    --
                                                </g:if>
                                                <g:else>
                                                    <g:formatNumber number="${this?.assess?.externalAssessPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/>
                                                </g:else>
                                            </h5>
                                        </div>
                                        <div class="row col-xs-offset-1 col-xs-5">
                                            <g:if test="${this?.assess?.externalAssessPrice - this?.assess?.assessTotalPrice > 0}">
                                                <i class="fa fa-level-up text-danger" style="font-size: 34px;"></i>&nbsp;                                                
                                            </g:if>
                                            <g:else>
                                                <i class="fa fa-level-down text-success" style="font-size: 34px;"></i>&nbsp;
                                            </g:else>
                                            <g:if test="${this?.assess?.externalAssessPrice <= 0 || this?.assess?.assessTotalPrice <= 0}">
                                                <small class="text-success" style="font-size: 14px;"><b>--</b></small>
                                            </g:if>
                                            <g:else>
                                                <g:if test="${this?.assess?.externalAssessPrice - this?.assess?.assessTotalPrice > 0}">
                                                    <small class="text-danger" style="font-size: 14px;"><b><g:formatNumber number="${Math.abs(this?.assess?.externalAssessPrice - this?.assess?.assessTotalPrice) * 100/ this?.assess?.assessTotalPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/>%</b></small>                                        
                                                </g:if>
                                                <g:else>
                                                    <small class="text-success" style="font-size: 14px;"><b><g:formatNumber number="${Math.abs(this?.assess?.externalAssessPrice - this?.assess?.assessTotalPrice) * 100/ this?.assess?.assessTotalPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/>%</b></small>
                                                </g:else>
                                            </g:else>
                                        </div>
                                    </div>


                                </div>
                            </div>

                        </div>
                        <h6 class="" style="text-align: center;">
                            <i class="pe-7s-clock" style="margin-right: 4px; font-weight: bold; font-size: 14px;"></i>评估时间：<g:formatDate date="${this?.assess?.evaluateDate}" format="yyyy-MM-dd"></g:formatDate>
                        </h6>
                    </div>
                </div>
            </div>
        </div>
        %{--小区信息--}%
        <div class="row">
            <div class="hpanel" style="">
                    <div class="hpanel hgreen">

                        <div class="panel-heading">
                            <div class="panel-tools">
                                <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                            </div>
                            小区信息
                        </div>

                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-3 border-right" style="">
                                    <div class="text-center">
                                        <h4>
                                            ${community?.communityName}
                                        </h4>
                                        <div>
                                            <h1 class="font-extra-bold m-t-xl m-b-xs text-success">
                                                <g:formatNumber number="${this?.liquidityScore}" type="number" minFractionDigits="1" maxFractionDigits="1"/><small class="text-success">/5.0</small>
                                            </h1>

                                            <h6 class="m-t-xl">${community?.address}</h6>
                                        </div>

                                        <div class="small m-t-xl" style="display: flex;align-items: center;justify-content: center;">
                                            <i class="pe-7s-clock" style="margin-right: 4px; font-weight: bold; font-size: 14px;"></i>数据更新于：2018-01-02
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3 border-right" style="padding: 0px;" id="echartScreen">
                                    <div id="sixStart"></div>
                                </div>
                                <div class="col-md-3 border-right" style="">
                                    <div class="hpanel">

                                        <div class="row" style="margin-bottom: 5px;">

                                            <div class="col-xs-7 col-xs-offset-1" style="">
                                                <h5>${community?.buildingType ? community?.buildingType : '-'}</h5>
                                                <small class="stat-label">建筑形式</small>

                                            </div>
                                            <div class="col-xs-4" style="">
                                                <h5>${community?.totalBuildingCount ? community?.totalBuildingCount + ' 栋' : '-'}</h5>
                                                <small class="stat-label">总楼栋数</small>
                                            </div>

                                        </div>

                                        <div class="row" style="margin-bottom: 5px;">
                                            <div class="col-xs-7 col-xs-offset-1" style="">
                                                <h5>${community?.buildingstructureName ? community?.buildingstructureName : '-'}</h5>
                                                <small class="stat-label">建筑结构</small>
                                            </div>



                                            <div class="col-xs-4" style="">
                                                <h5>${community?.totalHouseHoldCount ? community?.totalHouseHoldCount + ' 户' : '-'}</h5>
                                                <small class="stat-label">总户数</small>
                                            </div>
                                        </div>

                                        <div class="row" style="margin-bottom: 5px;">
                                            <div class="col-xs-7 col-xs-offset-1" style="">
                                                <h5>${community?.pmfee ? community?.pmfee + ' 元/(月·平方米)' : '-'}</h5>
                                                <small class="stat-label">物业费</small>
                                            </div>
                                            <div class="col-xs-4" style="">
                                                <h5>${community?.plotratio ? community?.plotratio : '-'}</h5>
                                                <small class="stat-label">容积率</small>

                                            </div>

                                        </div>

                                        <div class="row" style="margin-bottom: 5px;">
                                            <div class="col-xs-7 col-xs-offset-1" style="">
                                                <h5>${community?.developer ? community?.developer : '-'}</h5>
                                                <small class="stat-label">开发商</small>
                                            </div>
                                            <div class="col-xs-4" style="">
                                                <h5>${community?.buildYear ? community?.buildYear + ' 年' : '-'}</h5>
                                                <small class="stat-label">建成年份</small>
                                            </div>
                                        </div>

                                        <div class="row" style="margin-bottom: 5px;">
                                            <div class="col-xs-11 col-xs-offset-1" style="">
                                                <h5>${community?.propertyManagementCompany ? community?.propertyManagementCompany : '-'}</h5>
                                                <small class="stat-label">物业公司</small>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                    <div class="col-md-3">
                                        <div class="hpanel">
                                            <h5>小区押品</h5>
                                            <div class="m-t-xl">

                                                <div class="row">
                                                    <div class="col-xs-8" style="">
                                                        <h3 style="margin-bottom: 0"><g:formatNumber number="${avgUnitPrice}" type="number" minFractionDigits="2" maxFractionDigits="2"/><small>元/平方米</small>
                                                        </h3>
                                                        <small>押品均价</small>
                                                    </div>

                                                    <div class="col-xs-4 text-right" style="">
                                                        <h3 style="margin-bottom: 0"><g:formatNumber number="${avgCltv * 100}" type="number" minFractionDigits="2" maxFractionDigits="2"/>%</h3>
                                                        <small>动态抵押率</small>
                                                    </div>
                                                </div>

                                                <div class="m">
                                                    <g:if test="${community?.totalHouseHoldCount}">
                                                        <div class="progress m-t-xs full progress-striped active">
                                                            <div style="width: <g:formatNumber number="${(estateCount / community?.totalHouseHoldCount) * 100}" type="number" minFractionDigits="2" maxFractionDigits="2"/>%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                                 role="progressbar" class=" progress-bar progress-bar-success">
                                                                <g:formatNumber number="${(estateCount / community?.totalHouseHoldCount) * 100}" type="number" minFractionDigits="2" maxFractionDigits="2"/>％
                                                            </div>
                                                        </div>
                                                    </g:if>
                                                    <g:else>
                                                        <div class="progress m-t-xs full progress-striped active">
                                                            <div style="width: 0%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="90"
                                                                 role="progressbar" class=" progress-bar progress-bar-success">-％
                                                            </div>
                                                        </div>
                                                    </g:else>
                                                </div>
                                                <div class="row">
                                                    <div class="col-xs-8" style="">
                                                        <small>押品覆盖率</small>
                                                        <h3 style="margin-top: 0"><g:if test="${community?.totalHouseHoldCount && community?.totalHouseHoldCount != 0}"><g:formatNumber number="${(estateCount / community?.totalHouseHoldCount) * 100}" type="number" minFractionDigits="2" maxFractionDigits="2"/></g:if><g:else>-</g:else>%</h3>
                                                    </div>

                                                    <div class="col-xs-4 text-right" style="">
                                                        <small>押品数量</small>

                                                        <h3 style="margin-top: 0">${estateCount? estateCount:'-'}</h3>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>

        %{--相似案例--}%
        <div class="row">
            <div class="hpanel hgreen" style="">
                <div class="panel-heading">
                    <div class="panel-tools">
                        <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                    </div>
                    相似案例
                </div>

                <div class="panel-body">

                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">相似成交案例</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">相似挂牌案例</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body" style="border:none;padding: 0;">
                                <div class="tab-pane fade in active">
                                    <table cellpadding="1" cellspacing="1" class="table table-striped table-bordered table-hover text-center">
                                        <thead>
                                        <th class="col-sm-1 text-center">小区名称</th>
                                        <th class="col-sm-1 text-center">所在层</th>
                                        <th class="col-sm-1 text-center">总楼层</th>
                                        <th class="col-sm-1 text-center">朝向</th>
                                        <th class="col-sm-1 text-center">建筑面积（㎡）</th>
                                        <th class="col-sm-1 text-center">成交单价（元/㎡）</th>
                                        <th class="col-sm-1 text-center">成交总价（万元）</th>
                                        <th class="col-sm-1 text-center">成交日期</th>
                                        </thead>
                                        <tbody>
                                        <g:each in="${saleList}">
                                            <tr>
                                                <td class="text-center">${community?.communityName?community?.communityName:'-'}</td>
                                                <td class="text-center">${it?.currentfloor?it?.currentfloor:'-'}</td>
                                                <td class="text-center">${it?.totalfloor?it?.totalfloor:'-'}</td>
                                                <td class="text-center">${it?.aspect?it?.aspect:'-'}</td>
                                                <td class="text-center">${it?.buildingarea?it?.buildingarea:'-'}</td>
                                                <td class="text-center">${com.cindata.NumberUtil.GetFixedNumber(it?.sqmprice)}</td>
                                                <td class="text-center">${com.cindata.NumberUtil.GetFixedNumber((it?.totalprice/10000))}</td>
                                                <td class="text-center">${it?.contractDateStr}</td>
                                            </tr>
                                        </g:each>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div id="tab-2" class="tab-pane">
                            <div class="panel-body" style="border:none;padding: 0;">
                                <div class="tab-pane fade in">
                                    <table cellpadding="1" cellspacing="1" class="table table-striped table-bordered table-hover text-center">
                                        <thead>
                                        <th class="col-sm-1 text-center">小区名称</th>
                                        <th class="col-sm-1 text-center">所在层</th>
                                        <th class="col-sm-1 text-center">总楼层</th>
                                        <th class="col-sm-1 text-center">朝向</th>
                                        <th class="col-sm-1 text-center">建筑面积（㎡）</th>
                                        <th class="col-sm-1 text-center">挂牌单价（元/㎡)</th>
                                        <th class="col-sm-1 text-center">挂牌总价（万元）</th>
                                        <th class="col-sm-1 text-center">挂牌日期</th>
                                        </thead>
                                        <tbody>
                                        <g:each in="${listings}">
                                            <tr>
                                                <td class="text-center">${community?.communityName?community?.communityName:'-'}</td>
                                                <td class="text-center">${it?.currentfloor?it?.currentfloor:'-'}</td>
                                                <td class="text-center">${it?.totalfloor?it?.totalfloor:'-'}</td>
                                                <td class="text-center">${it?.aspect?it?.aspect:'-'}</td>
                                                <td class="text-center">${it?.buildingarea?it?.buildingarea:'-'}</td>
                                                <td class="text-center">${com.cindata.NumberUtil.GetFixedNumber(it?.sqmprice)}</td>
                                                <td class="text-center">${com.cindata.NumberUtil.GetFixedNumber((it?.totalprice/10000))}</td>
                                                <td class="text-center">${it?.timeofListingStr}</td>
                                            </tr>
                                        </g:each>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </div>


%{--雷达图--}%
<script type="text/javascript">

    // 标记高评倾向
    $("#confirmFrequency").click(function() {
        swal({
            title: "标记高评倾向吗?",
            text: "标记即说明此地址外部评估有高评倾向，此地址下次评估时，系统将提示。",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "标记高评倾向",
            cancelButtonText: "不，取消标记",
            closeOnConfirm: false,
            closeOnCancel: true },
        function (isConfirm) {
            if (isConfirm) {
                $(".confirmFrequency").submit();
            }
        });
    })

    // 取消高评倾向
    $("#cancelFrequency").click(function() {
        swal({
            title:"取消高评倾向标记吗?",
            text: "取消高评倾向标记后，此地址再次评估时不会再提示。",
            type: "warning",
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "是的，取消标记",
            cancelButtonText: "不，继续标记",
            closeOnConfirm: false,
            closeOnCancel: true },
        function (isConfirm) {
            if (isConfirm) {
                $(".cancelFrequency").submit();
            }
        });
    })

    var myChart = echarts.init(document.getElementById('sixStart'));
    var option = {
        title: {
//            text: '基础雷达图'
        },
        tooltip: {},
        legend: {
            data: ['流通性评分']
        },
        radar: {
            // shape: 'circle',
            name: {
                textStyle: {
                    color: '#000',
                    backgroundColor: '#fff',
                    borderRadius: 3,
                    padding: [-20,-20,-20,-20]
                }
            },
            center:['50%','55%'],
            indicator: [
                { name: '成交率', max: 5.0},
                { name: '挂牌率', max: 5.0},
                { name: '成交周期', max: 5.0},
                { name: '折价比例', max: 5.0},
                { name: '法拍次数', max: 5.0}
            ]
        },
        series: [{
//          name: '预算 vs 开销（Budget vs spending）',
            type: 'radar',
            itemStyle: {
                normal: {
                    color : "#d5ebcf", // 图表中各个图区域的边框线拐点颜色 浅绿
                    lineStyle: {
                        color:"#62cb31" // 图表中各个图区域的边框线颜色 深绿
                    },
                    areaStyle: {
//                        type: 'default'
                    }
                }
            },
            data : [
                {
                    // symbol: "none",  去掉图表中各个图区域的边框线拐点
                    value : ${scoreArr},
                    name : '流通性评分'
                }
            ]
        }]
    };
    myChart.setOption(option);
</script>

%{--柱状图面积图--}%
%{--<script type="text/javascript">--}%
    %{--// 基于准备好的dom，初始化echarts实例--}%
    %{--var myChart = echarts.init(document.getElementById('main'));--}%

    %{--// 指定图表的配置项和数据--}%
    %{--var option = {--}%
        %{--title: {--}%
%{--//            text: 'Topic'--}%
%{--// 副标题        ,subtext: '随机数'--}%
        %{--},--}%
        %{--tooltip: {--}%
            %{--trigger: 'axis'--}%
        %{--},--}%
        %{--legend: {--}%
            %{--data: ['成交量','挂牌量','成交周期']--}%
        %{--},--}%
        %{--toolbox: {--}%
            %{--show: false,--}%
            %{--feature: {--}%
                %{--dataView: {--}%
                    %{--readOnly: false--}%
                %{--},--}%
                %{--restore: {},--}%
                %{--saveAsImage: {}--}%
            %{--}--}%
        %{--},--}%
        %{--dataZoom: {--}%
            %{--show: false,--}%
            %{--start: 0,--}%
            %{--end: 100--}%
        %{--},--}%
        %{--xAxis: [{--}%
            %{--type: 'category',--}%
            %{--boundaryGap: true--}%
        %{--}],--}%
        %{--yAxis: [{--}%
            %{--type: 'value',--}%
            %{--scale: true,--}%
            %{--name: '单位:套',--}%

            %{--min: 0,--}%
            %{--boundaryGap: false--}%
%{--// 坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。boundaryGap: ['20%', '20%']--}%
        %{--},--}%
%{--//            双y轴--}%
%{--//            {--}%
%{--//            type: 'value',--}%
%{--//            scale: true,--}%
%{--//            name: '单位:天',--}%
%{--//            min: 0,--}%
%{--//            boundaryGap: false--}%
%{--//        }--}%
        %{--],--}%
        %{--series: [{--}%
            %{--name: '成交量',--}%
            %{--type: 'line',--}%
            %{--xAxisIndex: 0,--}%
            %{--yAxisIndex: 0,--}%
            %{--smooth:true,--}%
            %{--// itemStyle成为面积图的关键。--}%
            %{--itemStyle: {normal: {--}%
                %{--color:'#ecebe6',--}%
                %{--areaStyle: {type: 'default'},--}%
                %{--lineStyle:{color:'#ecebe6'}--}%
            %{--}},--}%
            %{--areaStyle: {// 实现蓝白渐变色--}%
                %{--normal: {--}%
                    %{--color: ['#ecebe6']--}%
                %{--}--}%
            %{--}--}%
        %{--},{--}%
            %{--name: '挂牌量',--}%
            %{--type: 'line',--}%
            %{--xAxisIndex: 0,--}%
%{--//            双y轴--}%
%{--//            yAxisIndex: 1,--}%
            %{--smooth:true,--}%
            %{--// itemStyle成为面积图的关键。--}%
            %{--itemStyle: {normal: {--}%
                %{--color:'#95cf7a',--}%
                %{--areaStyle: {type: 'default'},--}%
                %{--lineStyle:{color:'#95cf7a'}--}%
            %{--}},--}%
            %{--areaStyle: {// 实现蓝白渐变色--}%
                %{--normal: {--}%
                    %{--color: ['#95cf7a']--}%
                %{--}--}%
            %{--}--}%
        %{--}]--}%
    %{--};--}%
%{--//    setInterval(function() {--}%
%{--//        axisData = (new Date()).toLocaleTimeString().replace(/^\D*/, '');--}%
%{--//--}%
%{--//        var data0 = option.series[0].data;--}%
%{--//        var data1 = option.series[1].data;--}%
%{--//        var data2 = option.series[2].data;--}%
%{--//        data0.shift();--}%
%{--//        data0.push(Math.round(Math.random() * 1000));--}%
%{--//        data1.shift();--}%
%{--//        data1.push((Math.random() * 10 + 5).toFixed(1) - 0);--}%
%{--//        data2.shift();--}%
%{--//        data2.push((Math.random() * 10 + 5).toFixed(1) - 0);--}%
%{--//--}%
%{--//        option.xAxis[0].data.shift();--}%
%{--//        option.xAxis[0].data.push(axisData);--}%
    %{--var arr = [];--}%
    %{--var a ="${trendNetlistDate}".replace("[","").replace("]","").split(",")--}%
    %{--$.each(a,function(){--}%
       %{--arr.push(this.toString())--}%
    %{--})--}%
    %{--option.xAxis[0].data = arr--}%
    %{--console.log(arr)--}%
    %{--option.series[0].data=${communityTrendSaleData}--}%
    %{--option.series[1].data=${trendNetlistData}--}%
    %{--//option.series[2].data=[0,0,0,0,0,0,0,0,0,0,0,0]--}%
       %{--myChart.setOption(option);--}%
%{--//    }, 200);--}%

%{--</script>--}%
</body>
</html>
